<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:common="http://www.contact.common.com/contacts/ui"
      xmlns:core="http://www.contact.core.com/contacts/core/ui"
      xmlns:a4j="http://richfaces.org/a4j">

<ui:component>

    <!--@elvariable id="id" type="java.lang.String"-->
    <!--@elvariable id="header" type="java.lang.String"-->
    <style type="text/css">
        .leftColumn {
            width: 70px;
            text-align: right;
        }

        .rightColumn {
            width: 250px;
            text-align: left;
        }

        .leftAllign {
            text-align: left;
        }

        .rightAllign {
            text-align: right;
        }
    </style>
    <common:modalPanel id="#{id}"
                       header="#{resources.forgotPasswordLabel}"


            >

        <ui:define name="panelBody">
            <h:outputLabel value="#{resources.troubleAccessAccountLabel}"/>
            <rich:panel bodyClass="rich-laguna-panel-no-header" style="width:350px; height:auto; ">

                <h:panelGrid columns="2" columnClasses="leftColumn, rightColumn">
                    <h:outputLabel value=""/>
                    <h:outputLabel value="#{resources.forgotPasswordText}"/>

                    <h:column/>
                    <h:panelGrid style="text-align:left; width:100%" columns="1">
                        <h:outputLabel value="#{resources.securityCheckLabel}"/>
                        <a4j:outputPanel id="securityImageForgot">
                            <core:securityImage style="width:220px; resize:both" value="forgotpassword"/>
                        </a4j:outputPanel>

                        <h:panelGrid columns="2" style="width:220px">
                            <h:outputLabel value="#{resources.textInBoxLabel}"/>
                            <h:inputText value=""/>
                        </h:panelGrid>


                    </h:panelGrid>
                    <h:outputLabel value="#{resources.emailLabel}"/>
                    <h:inputText value="" style="width:220px"/>

                    <h:column/>
                    <a4j:commandButton value="#{resources.getPasswordLabel}"/>
                </h:panelGrid>
            </rich:panel>


        </ui:define>

        <ui:define name="actionCommand">

            <a4j:commandButton id="resetButton"
                               styleClass="button"
                               type="reset"
                               reRender="#{id}Form"
                               value="Close"
                               onclick="Richfaces.hideModalPanel('#{id}');"/>

        </ui:define>
    </common:modalPanel>


</ui:component>


</html>